
  #form {
    margin-top: 10%;
  }
  @media screen and (min-width: 0px) and (max-width: 800px) {
    #tologin{
      height: 100vh;
      /* background-image: linear-gradient(#5098fa, #265aca); */
      background-image: linear-gradient(rgb(0, 80, 253),#67a5fc);
      background-size:160vw 100vh;
    }
    .hearder {
      width: 100%;
      text-align: center;
      padding-top: 22%;
      color: white;
      font-size: 38px;
      font-weight: 900;
    }
    .login{
      width: 96%;
      position: absolute;
      text-align: center;
      top: 210px;
      background-color: white;
      border-radius: 2%;
      margin-left: 2%;
      margin-right: 2%;
      opacity: 0.7;
    }

  }
  @media screen and (min-width: 800px) and (max-width: 3000px) {
    #tologin {
      height: 100vh;
      /* background-image: linear-gradient(#5098fa, #265aca); */
      background-image: url("../../public/img/1234.jpg");
      background-size:100vw 160vh;
    }
    .hearder {
      width: 100%;
      text-align: center;
      padding-top: 6%;
      color: #265aca;
      font-size: 38px;
      font-weight: 900;
    }
    .login {
      width: 30%;
      position: absolute;
      text-align: center;
      top: 210px;
      background-color: white;
      border-radius: 2%;
      margin-left: 35%;
      margin-right: 35%;
    }
  }